<template>
	<view class="carTitle u-flex padding">
		<image class="icon" :src='serverImageUrl("/static/images/teleSales/titleIcon1.png")'>
		</image>
		<view class="u-margin-left-20 u-margin-right-20">{{title}}</view>
		<image class="icon rotate" :src='serverImageUrl("/static/images/teleSales/titleIcon1.png")'>
		</image>
	</view>
</template>

<script>
	export default {
		props: {
			title: {
				type: String,
				default: "title",
				required: true,
			},
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.carTitle {
		justify-content: center;
		font-size: 34rpx;
		line-height: 70rpx;
		margin-bottom: 15rpx;

		.icon {
			width: 30rpx;
			height: 30rpx;

			&.rotate {
				transform: rotate(180deg);
			}
		}
	}
</style>